.realtime-monitor {
  display: flex;
  width: 100%;
  height: 100%;

  //设备信息表格
  &-table {
    padding-right: 50px;
    box-sizing: border-box;

    //标题
    & > .title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 20px;
    }

    //指标单元格
    & .indicator {
      & > span:nth-child(2) {
        display: inline-block;
        width: 50px;
        float: right;
      }
    }
  }

  //实时监测图表
  &-chart {
    width: calc(100% - 350px);
    padding-left: 50px;
    box-sizing: border-box;
    border-left: 1px solid #cccccc;

    //头部区域
    & > .header {
      height: 40px;

      //标题
      & > .title {
        display: inline-block;
        min-width: 120px;
        width: calc(100% - 600px);
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
        white-space: nowrap;
      }

      //搜索
      & > .el-range-editor.el-input__inner {
        vertical-align: middle;
      }

      & > .el-button {
        margin-left: 10px;
      }
    }

    //图表区域
    & > .chart {
      width: 100%;
      height: calc(100% - 45px);
      overflow: hidden;
    }
  }
}
